<template>
  <!-- 大盒子 -->
  <div class="song-box">
    <!-- 左边 -->
    <div class="song-l" >
      <Leftarea/>
    </div>
    <!-- 右边 -->
    <div class="song-r">
      <Rightarea />
    </div>
  </div>
</template>

<script>
import Leftarea from "./Leftarea";
import Rightarea from "./Rightarea";
export default {
  name: "Song",
  components: {
    Leftarea,
    Rightarea,
  },
  //
 
};
</script>

<style lang="less" scoped>
.song-box {
  width: 984px;
  // height: 400px;
  // background-color: aquamarine;
  margin: 0 auto;
  display: flex;
  // 左边
  background-color: rgb(255, 255, 255);

  .song-l {
    width: 730px;
    border: 2px solid rgb(212, 212, 212);
    border-right: none;
    // height: 400px;
    // border: 1px solid rgb(204, 204, 204);
    // background-color: blueviolet;
  }
  //   右边
  .song-r {
    width: 254px;
    border: 2px solid rgb(212, 212, 212);
    // height: 400px;
    // border: 1px solid rgb(204, 204, 204);
  }
}
</style>
